<html >
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
        <title>铲屎官信息</title>
        <link rel="stylesheet" href="../ionic-v1.3.3/css/ionic.css" />
        <script type="text/javascript" src="../ionic-v1.3.3/js/ionic.bundle.min.js" ></script>
       
    </head>
    <style >
    html{font-size: 20px}
        body{
        background-color: #F3F3F3
        }
        .row{
            background-color: #fff;
        }
        .bar-positive{
             background-color: #07E9A1 !important;
        }
         .bar-title h4{
            background-color: #07E9A1;
          /*  text-align: center;*/
            color: #fff;
            height: 2rem;
            line-height: 2rem;
            margin-top: 0;
            margin-bottom: 0;
        }
        .right{
            text-align: right;
            line-height: 1.5rem;
            color: #9D9D9D;

        }
       
        .right b{
            margin: 0 0.1rem;
        }
        .line{
            border:0;
            border-top: 1px solid #EEEEEE;
        }
        .col-name{
            line-height: 1.5rem
        }
        .right img{
            width: 1.5rem;
            height: 1.5rem;
            vertical-align: middle;
        } 
        .bar-title h4 a{
          vertical-align: middle;
          margin-right: 30%;
       }
        
       
    </style>
    <body >

     <ion-header-bar  class="bar-positive bar-title">
             <h4 class="title">
                <ion-nav-buttons side="left" >
                  <a href="javascript:history.back(-1)" class="button button-icon icon ion-ios-arrow-back" nav-direction="back"></a>
              </ion-nav-buttons>
              铲屎官信息
          </h4>
     </ion-header-bar>

     <ion-content>
        <div class="row">
            <div class="col col-name">头像</div>
            <div class="col right">
                <img src="../img/touxiang1@3x.png" /><b></b> <i class="icon ion-chevron-right"></i>
            </div>
        </div>
        <div class="row line"></div>

         <div class="row">
            <div class="col col-name">昵称</div>
            <div class="col right">
                王多多<b></b>  <i class="icon ion-chevron-right"></i>
            </div>
        </div>
        <div class="row line"></div>

         <div class="row">
            <div class="col col-name">职业</div>
            <div class="col right">
                 教师<b></b>  <i class="icon ion-chevron-right"></i>
            </div>
        </div>
        <div class="row line"></div>

         <div class="row">
            <div class="col col-name">性别</div>
            <div class="col right col-name">
               女生<b></b>  <i class="icon ion-chevron-right"></i>
            </div>
        </div>
        <div class="row line"></div>

         <div class="row">
            <div class="col col-name">年龄</div>
            <div class="col right col-name">
               保密<b></b>  <i class="icon ion-chevron-right"></i>
            </div>
        </div>
        
       
         
     </ion-content>
    
  </body>
</html>
